<script setup lang='ts'>

//TODO:这个暗黑模式有点丑啊

import { useDark, useToggle } from '@vueuse/core'
// import { isDark } from '../../.vitepress/theme/composables/dark'

const isDark = useDark()
const toggleDark = useToggle(isDark);

</script>

<template>
    <div class="container">
        <el-button type="primary" @click="toggleDark()">Toggle Dark Mode</el-button>
    </div>
</template>

<style scoped>
.container {
    display: flex;
    justify-content: center;
    /* align-items: center; */
    margin: 10px;
    padding: 10px;
    width: 100%;
    height: 100%;
}
</style>